<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>SuperheroAdmin - Bootstrap Admin Template</title>
	
	<!-- bootstrap -->
	<link href="css/bootstrap/bootstrap.css" rel="stylesheet" />

	<!-- libraries -->
	<link href="css/libs/font-awesome.css" type="text/css" rel="stylesheet" />

	<!-- global styles -->
	<link rel="stylesheet" type="text/css" href="css/compiled/layout.css">
	<link rel="stylesheet" type="text/css" href="css/compiled/elements.css">

	<!-- this page specific styles -->

	<!-- google font libraries -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'>

	<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
	<!--[if lt IE 8]>
		<link href="css/libs/font-awesome-ie7.css" type="text/css" rel="stylesheet" />
	<![endif]-->
</head>
<body>
	<header class="navbar" id="header-navbar">
		<div class="container">
			<a href="index.html" id="logo" class="navbar-brand col-md-3 col-sm-4 col-xs-12">
				<img src="img/logo.png" alt=""/> SuperheroAdmin
			</a>
			
			<button class="navbar-toggle" data-target=".navbar-ex1-collapse" data-toggle="collapse" type="button">
				<span class="sr-only">Toggle navigation</span>
				<span class="fa fa-bars"></span>
			</button>
			
			<div class="nav-no-collapse pull-right" id="header-nav">
				<ul class="nav navbar-nav pull-right">
					<li class="mobile-search">
						<a class="btn">
							<i class="fa fa-search"></i>
						</a>
						
						<div class="drowdown-search">
							<form role="search">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="Search...">
									<i class="fa fa-search nav-search-icon"></i>
								</div>
							</form>
						</div>
						
					</li>
					<li class="dropdown hidden-xs">
						<a class="btn dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-warning"></i>
							<span class="count">8</span>
						</a>
						<ul class="dropdown-menu notifications-list">
							<li class="pointer">
								<div class="pointer-inner">
									<div class="arrow"></div>
									<div class="arrow-border"></div>
								</div>
							</li>
							<li class="item-header">You have 6 new notifications</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-comment"></i>
									<span class="content">New comment on ‘Awesome P...</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-plus"></i>
									<span class="content">New user registration</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-envelope"></i>
									<span class="content">New Message from George</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-shopping-cart"></i>
									<span class="content">New purchase</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<i class="fa fa-eye"></i>
									<span class="content">New order</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item-footer">
								<a href="#">
									View all notifications
								</a>
							</li>
						</ul>
					</li>
					<li class="dropdown hidden-xs">
						<a class="btn dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-envelope-o"></i>
							<span class="count">16</span>
						</a>
						<ul class="dropdown-menu notifications-list messages-list">
							<li class="pointer">
								<div class="pointer-inner">
									<div class="arrow"></div>
									<div class="arrow-border"></div>
								</div>
							</li>
							<li class="item first-item">
								<a href="#">
									<img src="img/samples/messages-photo-1.png" alt=""/>
									<span class="content">
										<span class="content-headline">
											George Clooney
										</span>
										<span class="content-text">
											Look, just because I don't be givin' no man a foot massage don't make it 
											right for Marsellus to throw...
										</span>
									</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<img src="img/samples/messages-photo-2.png" alt=""/>
									<span class="content">
										<span class="content-headline">
											Emma Watson
										</span>
										<span class="content-text">
											Look, just because I don't be givin' no man a foot massage don't make it 
											right for Marsellus to throw...
										</span>
									</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item">
								<a href="#">
									<img src="img/samples/messages-photo-3.png" alt=""/>
									<span class="content">
										<span class="content-headline">
											Robert Downey Jr.
										</span>
										<span class="content-text">
											Look, just because I don't be givin' no man a foot massage don't make it 
											right for Marsellus to throw...
										</span>
									</span>
									<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
								</a>
							</li>
							<li class="item-footer">
								<a href="#">
									View all messages
								</a>
							</li>
						</ul>
					</li>
					<li class="hidden-xs">
						<a class="btn">
							<i class="fa fa-cog"></i>
						</a>
					</li>
					<li class="dropdown profile-dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<img src="img/samples/profile-photo.png" alt=""/>
							<span class="hidden-xs">Scarlett Johansson</span> <b class="caret"></b>
						</a>
						<ul class="dropdown-menu">
							<li><a href="user-profile.html"><i class="fa fa-user"></i>Profile</a></li>
							<li><a href="#"><i class="fa fa-cog"></i>Settings</a></li>
							<li><a href="#"><i class="fa fa-envelope-o"></i>Messages</a></li>
							<li><a href="#"><i class="fa fa-power-off"></i>Logout</a></li>
						</ul>
					</li>
					<li class="hidden-xxs">
						<a class="btn">
							<i class="fa fa-power-off"></i>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</header>
	<div class="container">
		<div class="row">
			<div class="col-md-2" id="nav-col">
				<section id="col-left">
					<div class="collapse navbar-collapse navbar-ex1-collapse" id="sidebar-nav">	
						<ul class="nav nav-pills nav-stacked">
							<li>
								<a href="index.html">
									<i class="fa fa-dashboard"></i>
									<span>Dashboard</span>
								</a>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-bar-chart-o"></i>
									<span>Graphs</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="graphs-xcharts.html">
											xCharts
										</a>
									</li>
									<li>
										<a href="graphs-flot.html">
											Flot
										</a>
									</li>
									<li>
										<a href="graphs-morris.html">
											Morris &amp; Mixed
										</a>
									</li>
								</ul>
							</li>
							<li class="active">
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-users"></i>
									<span>Users</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="users.html">
											User list
										</a>
									</li>
									<li>
										<a href="user-profile.html" class="active">
											User profile
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-edit"></i>
									<span>Forms</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="form-elements.html">
											Form elements
										</a>
									</li>
									<li>
										<a href="form-wizard.html">
											Form wizard
										</a>
									</li>
									<li>
										<a href="form-wizard-popup.html">
											Form wizard popup
										</a>
									</li>
									<li>
										<a href="form-wysiwyg.html">
											WYSIWYG
										</a>
									</li>
									<li>
										<a href="form-ckeditor.html">
											WYSIWYG CKEditor
										</a>
									</li>
									<li>
										<a href="form-dropzone.html">
											Drop File Upload
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="tables.html">
									<i class="fa fa-table"></i>
									<span>Tables</span>
								</a>
							</li>
							<li>
								<a href="typography.html">
									<i class="fa fa-font"></i>
									<span>Typography</span>
								</a>
							</li>
							<li>
								<a href="calendar.html">
									<i class="fa fa-calendar"></i>
									<span>Calendar</span>
								</a>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-star"></i>
									<span>Icons</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="icons-awesome.html">
											Awesome Icons
										</a>
									</li>
									<li>
										<a href="icons-halflings.html">
											Halflings
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-desktop"></i>
									<span>UI Elements</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="ui-elements.html">
											Elements
										</a>
									</li>
									<li>
										<a href="ui-nestable.html">
											Nestable
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="gallery.html">
									<i class="fa fa-picture-o"></i>
									<span>Gallery</span>
								</a>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-folder-open"></i>
									<span>3 Level Menu</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="#" class="dropdown-toggle">
											2nd Level
											<i class="fa fa-chevron-circle-down drop-icon"></i>
										</a>
										<ul class="submenu">
											<li>
												<a href="#">
													3rd Level
												</a>
											</li>
											<li>
												<a href="#">
													3rd Level
												</a>
											</li>
											<li>
												<a href="#">
													3rd Level
												</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="#" class="dropdown-toggle">
											2nd Level
											<i class="fa fa-chevron-circle-down drop-icon"></i>
										</a>
										<ul class="submenu">
											<li>
												<a href="#">
													3rd Level
												</a>
											</li>
											<li>
												<a href="#">
													3rd Level
												</a>
											</li>
											<li>
												<a href="#">
													3rd Level
												</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="#">
											2nd Level
										</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#" class="dropdown-toggle">
									<i class="fa fa-file-text-o"></i>
									<span>Extra pages</span>
									<i class="fa fa-chevron-circle-down drop-icon"></i>
								</a>
								<ul class="submenu">
									<li>
										<a href="pricing.html">
											Pricing
										</a>
									</li>
									<li>
										<a href="login.html">
											Login
										</a>
									</li>
									<li>
										<a href="login-full.html">
											Login full
										</a>
									</li>
									<li>
										<a href="invoice.html">
											Invoice
										</a>
									</li>
									<li>
										<a href="emails.html">
											Emails
										</a>
									</li>
									<li>
										<a href="faq.html">
											FAQ
										</a>
									</li>
									<li>
										<a href="error-404.html">
											Error 404
										</a>
									</li>
									<li>
										<a href="error-404-v2.html">
											Error 404 Nested
										</a>
									</li>
									<li>
										<a href="error-500.html">
											Error 500
										</a>
									</li>
									<li>
										<a href="extra-grid.html">
											Grid
										</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</section>
			</div>
			<div class="col-md-10 col-sm-11" id="content-wrapper">
				<div class="row">
					<div class="col-lg-12">
						
						<h1>User Profile</h1>
						<div class="row" id="user-profile">
							<div class="col-lg-3 col-md-4 col-sm-4">
								<div class="main-box clearfix">
									<h2>Scarlett Johansson</h2>
									
									<div class="profile-status">
										<i class="fa fa-check-circle"></i> Online
									</div>
									
									<img src="img/samples/scarlet-159.png" alt="" class="profile-img img-responsive center-block" />
									
									<div class="profile-label">
										<span class="label label-danger">Admin</span>
									</div>
									
									<div class="profile-stars">
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star"></i>
										<i class="fa fa-star-o"></i>
										<span>Super User</span>
									</div>
									
									<div class="profile-since">
										Member since: Jan 2012
									</div>
									
									<div class="profile-details">
										<ul class="fa-ul">
											<li><i class="fa-li fa fa-truck"></i>Orders: <span>456</span></li>
											<li><i class="fa-li fa fa-comment"></i>Posts: <span>828</span></li>
											<li><i class="fa-li fa fa-tasks"></i>Tasks done: <span>1024</span></li>
										</ul>
									</div>
									
									<div class="profile-message-btn center-block text-center">
										<a href="#" class="btn btn-success">
											<i class="fa fa-envelope"></i>
											Send message
										</a>
									</div>
								</div>
							</div>
							
							<div class="col-lg-9 col-md-8 col-sm-8">
								<div class="main-box clearfix">
									<div class="profile-header">
										<h3><span>Personal Bio</span></h3>
										<a href="#" class="btn btn-primary edit-profile">
											<i class="fa fa-pencil-square fa-lg"></i> 
											Edit profile
										</a>
									</div>
									
									<p>
										Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently 
										than mine. You don't get sick, I do. That's also clear. But for some reason, you and 
										I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, 
										we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, 
										just on opposite ends.
									</p>
									
									<h3><span>User info</span></h3>
									
									<div class="row profile-user-info">
										<div class="col-sm-8">
											<div class="profile-user-details clearfix">
												<div class="profile-user-details-label">
													First Name
												</div>
												<div class="profile-user-details-value">
													Scarlett
												</div>
											</div>
											<div class="profile-user-details clearfix">
												<div class="profile-user-details-label">
													Last Name
												</div>
												<div class="profile-user-details-value">
													Johansson
												</div>
											</div>
											<div class="profile-user-details clearfix">
												<div class="profile-user-details-label">
													Address
												</div>
												<div class="profile-user-details-value">
													10880 Malibu Point,<br/> 
													Malibu, Calif., 90265
												</div>
											</div>
											<div class="profile-user-details clearfix">
												<div class="profile-user-details-label">
													Email
												</div>
												<div class="profile-user-details-value">
													scarlett@avengers.com
												</div>
											</div>
											<div class="profile-user-details clearfix">
												<div class="profile-user-details-label">
													Phone number
												</div>
												<div class="profile-user-details-value">
													011 223 344 556 677
												</div>
											</div>
										</div>
										<div class="col-sm-4 profile-social">
											<ul class="fa-ul">
												<li><i class="fa-li fa fa-twitter-square"></i><a href="#">@scjohansson</a></li>
												<li><i class="fa-li fa fa-linkedin-square"></i><a href="#">Scarlett Johansson</a></li>
												<li><i class="fa-li fa fa-facebook-square"></i><a href="#">Scarlett Johansson</a></li>
												<li><i class="fa-li fa fa-skype"></i><a href="#">Black_widow</a></li>
												<li><i class="fa-li fa fa-instagram"></i><a href="#">Avenger_Scarlett</a></li>
											</ul>
										</div>
									</div>
									
									<div class="tabs-wrapper profile-tabs">
										<ul class="nav nav-tabs">
											<li class="active"><a href="#tab-activity" data-toggle="tab">Activity</a></li>
											<li><a href="#tab-friends" data-toggle="tab">Friends</a></li>
											<li><a href="#tab-chat" data-toggle="tab">Chat</a></li>
										</ul>
										
										<div class="tab-content">
											<div class="tab-pane fade in active" id="tab-activity">
												
												<div class="table-responsive">
													<table class="table">
														<tbody>
															<tr>
																<td class="text-center">
																	<i class="fa fa-comment"></i>
																</td>
																<td>
																	Scarlett Johansson posted a comment in <a href="#">Avengers Initiative</a> project.
																</td>
																<td>
																	2014/08/08 12:08
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<i class="fa fa-truck"></i>
																</td>
																<td>
																	Scarlett Johansson changed order status from <span class="label label-primary">Pending</span>
																	to <span class="label label-success">Completed</span>
																</td>
																<td>
																	2014/08/08 12:08
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<i class="fa fa-check"></i>
																</td>
																<td>
																	Scarlett Johansson posted a comment in <a href="#">Lost in Translation opening scene</a> discussion.
																</td>
																<td>
																	2014/08/08 12:08
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<i class="fa fa-users"></i>
																</td>
																<td>
																	Scarlett Johansson posted a comment in <a href="#">Avengers Initiative</a> project.
																</td>
																<td>
																	2014/08/08 12:08
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<i class="fa fa-heart"></i>
																</td>
																<td>
																	Scarlett Johansson changed order status from <span class="label label-warning">On Hold</span>
																	to <span class="label label-danger">Disabled</span>
																</td>
																<td>
																	2014/08/08 12:08
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<i class="fa fa-check"></i>
																</td>
																<td>
																	Scarlett Johansson posted a comment in <a href="#">Lost in Translation opening scene</a> discussion.
																</td>
																<td>
																	2014/08/08 12:08
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<i class="fa fa-truck"></i>
																</td>
																<td>
																	Scarlett Johansson changed order status from <span class="label label-primary">Pending</span>
																	to <span class="label label-success">Completed</span>
																</td>
																<td>
																	2014/08/08 12:08
																</td>
															</tr>
															<tr>
																<td class="text-center">
																	<i class="fa fa-users"></i>
																</td>
																<td>
																	Scarlett Johansson posted a comment in <a href="#">Avengers Initiative</a> project.
																</td>
																<td>
																	2014/08/08 12:08
																</td>
															</tr>
														</tbody>
													</table>
												</div>
												
											</div>
											
											<div class="tab-pane fade" id="tab-friends">
												<ul class="widget-users row">
													<li class="col-md-6">
														<div class="img">
															<img src="img/samples/scarlet.png" alt=""/>
														</div>
														<div class="details">
															<div class="name">
																<a href="#">Scarlett Johansson</a>
															</div>
															<div class="time">
																<i class="fa fa-clock-o"></i> Last online: 5 minutes ago
															</div>
															<div class="type">
																<span class="label label-danger">Admin</span>
															</div>
														</div>
													</li>
													<li class="col-md-6">
														<div class="img">
															<img src="img/samples/kunis.png" alt=""/>
														</div>
														<div class="details">
															<div class="name">
																<a href="#">Mila Kunis</a>
															</div>
															<div class="time online">
																<i class="fa fa-check-circle"></i> Online
															</div>
															<div class="type">
																<span class="label label-warning">Pending</span>
															</div>
														</div>
													</li>
													<li class="col-md-6">
														<div class="img">
															<img src="img/samples/ryan.png" alt=""/>
														</div>
														<div class="details">
															<div class="name">
																<a href="#">Ryan Gossling</a>
															</div>
															<div class="time online">
																<i class="fa fa-check-circle"></i> Online
															</div>
														</div>
													</li>
													<li class="col-md-6">
														<div class="img">
															<img src="img/samples/robert.png" alt=""/>
														</div>
														<div class="details">
															<div class="name">
																<a href="#">Robert Downey Jr.</a>
															</div>
															<div class="time">
																<i class="fa fa-clock-o"></i> Last online: Thursday
															</div>
														</div>
													</li>
													<li class="col-md-6">
														<div class="img">
															<img src="img/samples/emma.png" alt=""/>
														</div>
														<div class="details">
															<div class="name">
																<a href="#">Emma Watson</a>
															</div>
															<div class="time">
																<i class="fa fa-clock-o"></i> Last online: 1 week ago
															</div>
														</div>
													</li>
													<li class="col-md-6">
														<div class="img">
															<img src="img/samples/george.png" alt=""/>
														</div>
														<div class="details">
															<div class="name">
																<a href="#">George Clooney</a>
															</div>
															<div class="time">
																<i class="fa fa-clock-o"></i> Last online: 1 month ago
															</div>
														</div>
													</li>
													<li class="col-md-6">
														<div class="img">
															<img src="img/samples/kunis.png" alt=""/>
														</div>
														<div class="details">
															<div class="name">
																<a href="#">Mila Kunis</a>
															</div>
															<div class="time online">
																<i class="fa fa-check-circle"></i> Online
															</div>
															<div class="type">
																<span class="label label-warning">Pending</span>
															</div>
														</div>
													</li>
													<li class="col-md-6">
														<div class="img">
															<img src="img/samples/ryan.png" alt=""/>
														</div>
														<div class="details">
															<div class="name">
																<a href="#">Ryan Gossling</a>
															</div>
															<div class="time online">
																<i class="fa fa-check-circle"></i> Online
															</div>
														</div>
													</li>
												</ul>
												<br/>
												<a href="#" class="btn btn-success pull-right">View all users</a>
											</div>
											
											<div class="tab-pane fade" id="tab-chat">
												<div class="conversation-wrapper">
													<div class="conversation-content">
														<div class="conversation-inner">
														
															<div class="conversation-item item-left clearfix">
																<div class="conversation-user">
																	<img src="img/samples/ryan.png" alt=""/>
																</div>
																<div class="conversation-body">
																	<div class="name">
																		Ryan Gossling
																	</div>
																	<div class="time hidden-xs">
																		September 21, 2013 18:28
																	</div>
																	<div class="text">
																		I don't think they tried to market it to the billionaire, spelunking, 
																		base-jumping crowd.
																	</div>
																</div>
															</div>
															<div class="conversation-item item-right clearfix">
																<div class="conversation-user">
																	<img src="img/samples/kunis.png" alt=""/>
																</div>
																<div class="conversation-body">
																	<div class="name">
																		Mila Kunis
																	</div>
																	<div class="time hidden-xs">
																		September 21, 2013 12:45
																	</div>
																	<div class="text">
																		Normally, both your asses would be dead as fucking fried chicken, but you 
																		happen to pull this shit while I'm in a transitional period so I don't wanna 
																		kill you, I wanna help you.
																	</div>
																</div>
															</div>
															<div class="conversation-item item-right clearfix">
																<div class="conversation-user">
																	<img src="img/samples/kunis.png" alt=""/>
																</div>
																<div class="conversation-body">
																	<div class="name">
																		Mila Kunis
																	</div>
																	<div class="time hidden-xs">
																		September 21, 2013 12:45
																	</div>
																	<div class="text">
																		Normally, both your asses would be dead as fucking fried chicken, but you 
																		happen to pull this shit while I'm in a transitional period so I don't wanna 
																		kill you, I wanna help you.
																	</div>
																</div>
															</div>
															<div class="conversation-item item-left clearfix">
																<div class="conversation-user">
																	<img src="img/samples/ryan.png" alt=""/>
																</div>
																<div class="conversation-body">
																	<div class="name">
																		Ryan Gossling
																	</div>
																	<div class="time hidden-xs">
																		September 21, 2013 18:28
																	</div>
																	<div class="text">
																		I don't think they tried to market it to the billionaire, spelunking, 
																		base-jumping crowd.
																	</div>
																</div>
															</div>
															<div class="conversation-item item-right clearfix">
																<div class="conversation-user">
																	<img src="img/samples/kunis.png" alt=""/>
																</div>
																<div class="conversation-body">
																	<div class="name">
																		Mila Kunis
																	</div>
																	<div class="time hidden-xs">
																		September 21, 2013 12:45
																	</div>
																	<div class="text">
																		Normally, both your asses would be dead as fucking fried chicken, but you 
																		happen to pull this shit while I'm in a transitional period so I don't wanna 
																		kill you, I wanna help you.
																	</div>
																</div>
															</div>
															
														</div>
													</div>
													<div class="conversation-new-message">
														<form>
															<div class="form-group">
																<textarea class="form-control" rows="2" placeholder="Enter your message..."></textarea>
															</div>
															
															<div class="clearfix">
																<button type="submit" class="btn btn-success pull-right">Send message</button>
															</div>
														</form>
													</div>
												</div>
											</div>
										</div>
									</div>
									
								</div>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer id="footer-bar">
		<p id="footer-copyright">
			&copy; 2014 <a href="http://www.adbee.sk/" target="_blank">Adbee digital</a>. Powered by SuperheroAdmin.
		</p>
	</footer>
	
	<!-- global scripts -->
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.js"></script>
	
	<!-- this page specific scripts -->
	<script src="js/jquery.slimscroll.min.js"></script>
	
	<!-- theme scripts -->
	<script src="js/scripts.js"></script>
	
	<!-- this page specific inline scripts -->
	<script>
	$(document).ready(function() {
		$('.conversation-inner').slimScroll({
	        height: '340px'
	    });
	});
	</script>
</body>
</html>